<template>
    <div id="f90640d7510f04f38818a4e17c8ae843a">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include single -->
        <oui-include url="/res_apps/test/single/1.art.html" ref="f480d003ca90d4d32b8416b4b5e9fa3ab" type="module" data="includeData"></oui-include>
        <oui-include url="/res_apps/test/single/2.art.html" ref="f4956a0a22ef84e62b4860d2ba41d2cea" type="module" data="includeData"></oui-include>
        <oui-include url="/res_apps/test/single/3.art.html" ref="fc4d030886a6f425a80e0328693d2643d" type="module" data="includeData"></oui-include>
        <oui-include url="/res_apps/test/single/4.art.html" ref="ff2284a83a4504abf88f0b9f77d12e4cb" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        data: function () {
            return {
                message:'第4个 art 组件显示',
                oldMessage:'第4个 art 组件显示',
                title:'Welcome to 4',
                includeData:this.includeData
            }
        },
        includeData:{
            message:''
        },

        mounted:function(){
            // art 无 $nextTick
            this.message="第4个 art 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #f90640d7510f04f38818a4e17c8ae843a {
        font-size: 12px;
        color:#904711;
        background:#e37a44;
    }
</style>

